﻿@model List<dai_hoc_tuong_lai.Areas.Admin.Models.AlbumModel>
@if (Model.Count() > 0)
{
    <div id="carousel-widget-wpzoom-widget-3-id" class="jcarousel wpzoomWidget jcarousel-container jcarousel-container-horizontal">
        <div class="jcarousel-clip jcarousel-clip-horizontal">
            <ul class="jcarousel-list jcarousel-list-horizontal">
                @{ int i = 1;}
                @foreach (var item in Model)
                {
                    <li class="jcarousel-item" 
                    jcarouselindex="@i"><a href="/anh-dep/@item.CateId"
                        title="@item.Name">
                        <img src="@item.Anh" alt="@item.Name" class="Thumbnail thumbnail carousel " width="150px" height="100px"></a>
                    </li>
                    
                    i++;
                }
            </ul>
        </div>
        <div class="cleaner">
            &nbsp;</div>
        <div class="jcarousel-prev jcarousel-prev-horizontal">
            « Prev</div>
        <div class="jcarousel-next jcarousel-next-horizontal">
            Next »</div>
        <script type="text/javascript">
            function mycarousel_initCallback(carousel) {
            };

            jQuery(document).ready(function () {
                jQuery('#carousel-widget-wpzoom-widget-3-id').jcarousel({
                    scroll: 1,
                    wrap: 'circular',
                    initCallback: mycarousel_initCallback
                });
            });
        </script>
        <div class="cleaner">
            &nbsp;</div>
    </div>
}